<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1379118" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">系统更新日志</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">数据同步</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">申请加入</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">添加（文字按钮）</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">删除（文字按钮）</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">工人名册</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">工人考勤</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">工伤保险</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">工资代发</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">静音</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">cancelMute - 取消静音</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe96c;</span>
                <div class="name">麦克风,静音</div>
                <div class="code-name">&amp;#xe96c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe96b;</span>
                <div class="name">麦克风,录音</div>
                <div class="code-name">&amp;#xe96b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">人</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">下载-网页</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">侧边栏-展开</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">侧边栏-收起</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">向左移动</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">向右移动</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">数据大屏</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">个性化设置</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">密保手机号</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">下载APP</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">头像-接口</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe864;</span>
                <div class="name">站点地图,分级,组织,层级</div>
                <div class="code-name">&amp;#xe864;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">流程步骤-完成</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">关闭全屏</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">录像</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">相机</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">等待</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">头像-建设业主</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">头像-总承包</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">用人项目</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">评分等级</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7e;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xeb7e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">提供发票</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">工资代发人次</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">按月代发</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">工资发放</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">icon_民工</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">大屏-全屏</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">大屏-缩小</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">大屏-动态监管</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">大屏-数据概览</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">大屏-风险预警</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">头像-监察</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">头像-企业</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">头像-银行</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe825;</span>
                <div class="name">排名</div>
                <div class="code-name">&amp;#xe825;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe822;</span>
                <div class="name">分包单位</div>
                <div class="code-name">&amp;#xe822;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe823;</span>
                <div class="name">施工单位</div>
                <div class="code-name">&amp;#xe823;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe824;</span>
                <div class="name">建设单位</div>
                <div class="code-name">&amp;#xe824;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe821;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe821;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe820;</span>
                <div class="name">撤回</div>
                <div class="code-name">&amp;#xe820;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">圆点</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">重要通知-无</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">重要通知-有</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">重要通知-展开</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">重要通知-收起</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">头像-项目</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">政务助手</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">网点管理</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">专户查询</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">银行端</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">企业端</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">项目端</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe813;</span>
                <div class="name">添加人员</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe809;</span>
                <div class="name">项目设置</div>
                <div class="code-name">&amp;#xe809;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe812;</span>
                <div class="name">帮助中心</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80f;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe810;</span>
                <div class="name">2</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">3</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80a;</span>
                <div class="name">督查督办</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">第三方评估</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80c;</span>
                <div class="name">数据平台</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">项目评级</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80e;</span>
                <div class="name">建档项目</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe808;</span>
                <div class="name">数据接入</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">信用公示</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe806;</span>
                <div class="name">投诉公示</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe807;</span>
                <div class="name">监管部门</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe803;</span>
                <div class="name">建设领域</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe804;</span>
                <div class="name">非建领域</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">项目建档</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">建筑领域</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">非建领域</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">劳动保障</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">gengduo</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fd;</span>
                <div class="name">网格管理</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">政务考核</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">维权纠纷</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">通知中心</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">工伤保险</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">考勤管理</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">保证金管理</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">项目管理</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">重大违法事件</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">专户管理</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">实名制</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">应用市场</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">说明</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">动态监管</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">信用监管</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">工程项目</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">项目评价</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">右</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">声明</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">功能介绍</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">申请条件</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">右</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">左</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">下拉</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">yincang</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">xianshi</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">制作工资表</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">专户预警</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">使用童工预警</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">工资拖欠预警</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">等待结果</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">上传附件</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">处理预警</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">企业管理</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">账号管理</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">政策通报</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">数据统计</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">系统运维</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">审核管理</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">预警中心</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">企业设置</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">企业考勤</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">工资代发</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">企业员工</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">错误</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">选择部门</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">失败</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">交易凭证</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">支付总金额</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">常见问题</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">圆点</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">等待</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7f;</span>
                <div class="name">已确认</div>
                <div class="code-name">&amp;#xeb7f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">已确认</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">离职</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">处理中</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">缩回</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">调整</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">查找</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">等待预警结果</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">添加处理回执</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">在线生成工资表</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">导入工资表</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">发放工资</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">处理预警</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">编辑工资表</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">账号</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">警示</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1650521503343') format('woff2'),
       url('iconfont.woff?t=1650521503343') format('woff'),
       url('iconfont.ttf?t=1650521503343') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconxitonggengxinrizhi"></span>
            <div class="name">
              系统更新日志
            </div>
            <div class="code-name">.iconxitonggengxinrizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshujutongbu"></span>
            <div class="name">
              数据同步
            </div>
            <div class="code-name">.iconshujutongbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenqingjiaru"></span>
            <div class="name">
              申请加入
            </div>
            <div class="code-name">.iconshenqingjiaru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-addFont"></span>
            <div class="name">
              添加（文字按钮）
            </div>
            <div class="code-name">.icon-addFont
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-deleteFont"></span>
            <div class="name">
              删除（文字按钮）
            </div>
            <div class="code-name">.icon-deleteFont
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongrenmingce"></span>
            <div class="name">
              工人名册
            </div>
            <div class="code-name">.icongongrenmingce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongrenkaoqin"></span>
            <div class="name">
              工人考勤
            </div>
            <div class="code-name">.icongongrenkaoqin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongshangbaoxian1"></span>
            <div class="name">
              工伤保险
            </div>
            <div class="code-name">.icongongshangbaoxian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongzidaifa1"></span>
            <div class="name">
              工资代发
            </div>
            <div class="code-name">.icongongzidaifa1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjingyin"></span>
            <div class="name">
              静音
            </div>
            <div class="code-name">.iconjingyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcancelMute-quxiaojingyin"></span>
            <div class="name">
              cancelMute - 取消静音
            </div>
            <div class="code-name">.iconcancelMute-quxiaojingyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmic-off-full"></span>
            <div class="name">
              麦克风,静音
            </div>
            <div class="code-name">.iconmic-off-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmic-on-full"></span>
            <div class="name">
              麦克风,录音
            </div>
            <div class="code-name">.iconmic-on-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconren"></span>
            <div class="name">
              人
            </div>
            <div class="code-name">.iconren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconShapecopy"></span>
            <div class="name">
              下载-网页
            </div>
            <div class="code-name">.iconShapecopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcebianlan-zhankai"></span>
            <div class="name">
              侧边栏-展开
            </div>
            <div class="code-name">.iconcebianlan-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcebianlan-shouqi"></span>
            <div class="name">
              侧边栏-收起
            </div>
            <div class="code-name">.iconcebianlan-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangzuoyidong"></span>
            <div class="name">
              向左移动
            </div>
            <div class="code-name">.iconxiangzuoyidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangyouyidong"></span>
            <div class="name">
              向右移动
            </div>
            <div class="code-name">.iconxiangyouyidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshujudaping"></span>
            <div class="name">
              数据大屏
            </div>
            <div class="code-name">.iconshujudaping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongexinghuashezhi"></span>
            <div class="name">
              个性化设置
            </div>
            <div class="code-name">.icongexinghuashezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icontuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmima1"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.iconmima1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmibaoshoujihao"></span>
            <div class="name">
              密保手机号
            </div>
            <div class="code-name">.iconmibaoshoujihao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiazaiAPP"></span>
            <div class="name">
              下载APP
            </div>
            <div class="code-name">.iconxiazaiAPP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontouxiang-jiekou"></span>
            <div class="name">
              头像-接口
            </div>
            <div class="code-name">.icontouxiang-jiekou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconorg-full"></span>
            <div class="name">
              站点地图,分级,组织,层级
            </div>
            <div class="code-name">.iconorg-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconIcon1Finished"></span>
            <div class="name">
              流程步骤-完成
            </div>
            <div class="code-name">.iconIcon1Finished
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanbiquanping"></span>
            <div class="name">
              关闭全屏
            </div>
            <div class="code-name">.iconguanbiquanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconluxiang-tianchong"></span>
            <div class="name">
              录像
            </div>
            <div class="code-name">.iconluxiang-tianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondianhua"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icondianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangji"></span>
            <div class="name">
              相机
            </div>
            <div class="code-name">.iconxiangji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.iconliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondengdai1"></span>
            <div class="name">
              等待
            </div>
            <div class="code-name">.icondengdai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontouxiang-jiansheyezhu"></span>
            <div class="name">
              头像-建设业主
            </div>
            <div class="code-name">.icontouxiang-jiansheyezhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontouxiang-zongchengbao"></span>
            <div class="name">
              头像-总承包
            </div>
            <div class="code-name">.icontouxiang-zongchengbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopy"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.iconcopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyongrenxiangmu"></span>
            <div class="name">
              用人项目
            </div>
            <div class="code-name">.iconyongrenxiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpingfendengji"></span>
            <div class="name">
              评分等级
            </div>
            <div class="code-name">.iconpingfendengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuabanfuben"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.iconhuabanfuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.iconxiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontigongfapiao"></span>
            <div class="name">
              提供发票
            </div>
            <div class="code-name">.icontigongfapiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongzidaifarenci"></span>
            <div class="name">
              工资代发人次
            </div>
            <div class="code-name">.icongongzidaifarenci
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconanyuedaifa"></span>
            <div class="name">
              按月代发
            </div>
            <div class="code-name">.iconanyuedaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongzifafang"></span>
            <div class="name">
              工资发放
            </div>
            <div class="code-name">.icongongzifafang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon_mingong"></span>
            <div class="name">
              icon_民工
            </div>
            <div class="code-name">.iconicon_mingong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouye1"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconshouye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.iconwenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaping-quanping"></span>
            <div class="name">
              大屏-全屏
            </div>
            <div class="code-name">.icondaping-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaping-suoxiao"></span>
            <div class="name">
              大屏-缩小
            </div>
            <div class="code-name">.icondaping-suoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaping-dongtaijianguan"></span>
            <div class="name">
              大屏-动态监管
            </div>
            <div class="code-name">.icondaping-dongtaijianguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaping-shujugailan"></span>
            <div class="name">
              大屏-数据概览
            </div>
            <div class="code-name">.icondaping-shujugailan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaping-fengxianyujing"></span>
            <div class="name">
              大屏-风险预警
            </div>
            <div class="code-name">.icondaping-fengxianyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontouxiang-jiancha"></span>
            <div class="name">
              头像-监察
            </div>
            <div class="code-name">.icontouxiang-jiancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontouxiang-qiye"></span>
            <div class="name">
              头像-企业
            </div>
            <div class="code-name">.icontouxiang-qiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontouxiang-yinhang"></span>
            <div class="name">
              头像-银行
            </div>
            <div class="code-name">.icontouxiang-yinhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaiming"></span>
            <div class="name">
              排名
            </div>
            <div class="code-name">.iconpaiming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenbaodanwei"></span>
            <div class="name">
              分包单位
            </div>
            <div class="code-name">.iconfenbaodanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshigongdanwei"></span>
            <div class="name">
              施工单位
            </div>
            <div class="code-name">.iconshigongdanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjianshedanwei"></span>
            <div class="name">
              建设单位
            </div>
            <div class="code-name">.iconjianshedanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontishi1"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icontishi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icondaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchehui"></span>
            <div class="name">
              撤回
            </div>
            <div class="code-name">.iconchehui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyuandian1"></span>
            <div class="name">
              圆点
            </div>
            <div class="code-name">.iconyuandian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhongyaotongzhi-wu"></span>
            <div class="name">
              重要通知-无
            </div>
            <div class="code-name">.iconzhongyaotongzhi-wu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhongyaotongzhi-you"></span>
            <div class="name">
              重要通知-有
            </div>
            <div class="code-name">.iconzhongyaotongzhi-you
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhongyaotongzhi-zhankai"></span>
            <div class="name">
              重要通知-展开
            </div>
            <div class="code-name">.iconzhongyaotongzhi-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhongyaotongzhi-shouqi"></span>
            <div class="name">
              重要通知-收起
            </div>
            <div class="code-name">.iconzhongyaotongzhi-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontouxiang-xiangmu"></span>
            <div class="name">
              头像-项目
            </div>
            <div class="code-name">.icontouxiang-xiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhengwuzhushou"></span>
            <div class="name">
              政务助手
            </div>
            <div class="code-name">.iconzhengwuzhushou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwangdianguanli"></span>
            <div class="name">
              网点管理
            </div>
            <div class="code-name">.iconwangdianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanhuchaxun"></span>
            <div class="name">
              专户查询
            </div>
            <div class="code-name">.iconzhuanhuchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyinhangduan"></span>
            <div class="name">
              银行端
            </div>
            <div class="code-name">.iconyinhangduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqiyeduan"></span>
            <div class="name">
              企业端
            </div>
            <div class="code-name">.iconqiyeduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangmuduan"></span>
            <div class="name">
              项目端
            </div>
            <div class="code-name">.iconxiangmuduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjiarenyuan"></span>
            <div class="name">
              添加人员
            </div>
            <div class="code-name">.icontianjiarenyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangmushezhi"></span>
            <div class="name">
              项目设置
            </div>
            <div class="code-name">.iconxiangmushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbangzhuzhongxin"></span>
            <div class="name">
              帮助中心
            </div>
            <div class="code-name">.iconbangzhuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-test"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.iconicon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-test1"></span>
            <div class="name">
              2
            </div>
            <div class="code-name">.iconicon-test1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-test2"></span>
            <div class="name">
              3
            </div>
            <div class="code-name">.iconicon-test2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduchaduban"></span>
            <div class="name">
              督查督办
            </div>
            <div class="code-name">.iconduchaduban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisanfangpinggu"></span>
            <div class="name">
              第三方评估
            </div>
            <div class="code-name">.icondisanfangpinggu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshujupingtai"></span>
            <div class="name">
              数据平台
            </div>
            <div class="code-name">.iconshujupingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangmupingji"></span>
            <div class="name">
              项目评级
            </div>
            <div class="code-name">.iconxiangmupingji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiandangxiangmu"></span>
            <div class="name">
              建档项目
            </div>
            <div class="code-name">.iconjiandangxiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshujujieru"></span>
            <div class="name">
              数据接入
            </div>
            <div class="code-name">.iconshujujieru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinyonggongshi"></span>
            <div class="name">
              信用公示
            </div>
            <div class="code-name">.iconxinyonggongshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontousugongshi"></span>
            <div class="name">
              投诉公示
            </div>
            <div class="code-name">.icontousugongshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjianguanbumen"></span>
            <div class="name">
              监管部门
            </div>
            <div class="code-name">.iconjianguanbumen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjianshelingyu"></span>
            <div class="name">
              建设领域
            </div>
            <div class="code-name">.iconjianshelingyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfeijianlingyu1"></span>
            <div class="name">
              非建领域
            </div>
            <div class="code-name">.iconfeijianlingyu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangmujiandang"></span>
            <div class="name">
              项目建档
            </div>
            <div class="code-name">.iconxiangmujiandang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjianzhulingyu"></span>
            <div class="name">
              建筑领域
            </div>
            <div class="code-name">.iconjianzhulingyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfeijianlingyu"></span>
            <div class="name">
              非建领域
            </div>
            <div class="code-name">.iconfeijianlingyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlaodongbaozhang"></span>
            <div class="name">
              劳动保障
            </div>
            <div class="code-name">.iconlaodongbaozhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongengduo"></span>
            <div class="name">
              gengduo
            </div>
            <div class="code-name">.icongengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwanggeguanli"></span>
            <div class="name">
              网格管理
            </div>
            <div class="code-name">.iconwanggeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhengwukaohe"></span>
            <div class="name">
              政务考核
            </div>
            <div class="code-name">.iconzhengwukaohe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweiquanjiufen"></span>
            <div class="name">
              维权纠纷
            </div>
            <div class="code-name">.iconweiquanjiufen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontongzhizhongxin"></span>
            <div class="name">
              通知中心
            </div>
            <div class="code-name">.icontongzhizhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongshangbaoxian"></span>
            <div class="name">
              工伤保险
            </div>
            <div class="code-name">.icongongshangbaoxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkaoqinguanli"></span>
            <div class="name">
              考勤管理
            </div>
            <div class="code-name">.iconkaoqinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbaozhengjinguanli"></span>
            <div class="name">
              保证金管理
            </div>
            <div class="code-name">.iconbaozhengjinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangmuguanli"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.iconxiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhongdaweifashijian"></span>
            <div class="name">
              重大违法事件
            </div>
            <div class="code-name">.iconzhongdaweifashijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanhuguanli"></span>
            <div class="name">
              专户管理
            </div>
            <div class="code-name">.iconzhuanhuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshimingzhi"></span>
            <div class="name">
              实名制
            </div>
            <div class="code-name">.iconshimingzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyingyongshichang"></span>
            <div class="name">
              应用市场
            </div>
            <div class="code-name">.iconyingyongshichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuoming"></span>
            <div class="name">
              说明
            </div>
            <div class="code-name">.iconshuoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianzu"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.iconbianzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondongtaijianguan"></span>
            <div class="name">
              动态监管
            </div>
            <div class="code-name">.icondongtaijianguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxitongshezhi"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.iconxitongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinyongjianguan"></span>
            <div class="name">
              信用监管
            </div>
            <div class="code-name">.iconxinyongjianguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongchengxiangmu"></span>
            <div class="name">
              工程项目
            </div>
            <div class="code-name">.icongongchengxiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangmupingjia"></span>
            <div class="name">
              项目评价
            </div>
            <div class="code-name">.iconxiangmupingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyou1"></span>
            <div class="name">
              右
            </div>
            <div class="code-name">.iconyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.iconzhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouqi"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.iconshouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengming"></span>
            <div class="name">
              声明
            </div>
            <div class="code-name">.iconshengming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongnengjieshao"></span>
            <div class="name">
              功能介绍
            </div>
            <div class="code-name">.icongongnengjieshao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenqingtiaojian"></span>
            <div class="name">
              申请条件
            </div>
            <div class="code-name">.iconshenqingtiaojian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhui1"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyou"></span>
            <div class="name">
              右
            </div>
            <div class="code-name">.iconyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuo"></span>
            <div class="name">
              左
            </div>
            <div class="code-name">.iconzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjian"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.iconjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjia1"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icontianjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiala"></span>
            <div class="name">
              下拉
            </div>
            <div class="code-name">.iconxiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangchuan"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.iconshangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfujian"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.iconfujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyincang"></span>
            <div class="name">
              yincang
            </div>
            <div class="code-name">.iconyincang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxianshi"></span>
            <div class="name">
              xianshi
            </div>
            <div class="code-name">.iconxianshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhizuogongzibiao"></span>
            <div class="name">
              制作工资表
            </div>
            <div class="code-name">.iconzhizuogongzibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanhuyujing1"></span>
            <div class="name">
              专户预警
            </div>
            <div class="code-name">.iconzhuanhuyujing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshiyongtonggongyujing"></span>
            <div class="name">
              使用童工预警
            </div>
            <div class="code-name">.iconshiyongtonggongyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongzituoqianyujing1"></span>
            <div class="name">
              工资拖欠预警
            </div>
            <div class="code-name">.icongongzituoqianyujing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondengdaijieguo"></span>
            <div class="name">
              等待结果
            </div>
            <div class="code-name">.icondengdaijieguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangchuanfujian"></span>
            <div class="name">
              上传附件
            </div>
            <div class="code-name">.iconshangchuanfujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchuliyujing1"></span>
            <div class="name">
              处理预警
            </div>
            <div class="code-name">.iconchuliyujing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqiyeguanli"></span>
            <div class="name">
              企业管理
            </div>
            <div class="code-name">.iconqiyeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghaoguanli"></span>
            <div class="name">
              账号管理
            </div>
            <div class="code-name">.iconzhanghaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhengcetongbao"></span>
            <div class="name">
              政策通报
            </div>
            <div class="code-name">.iconzhengcetongbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshujutongji"></span>
            <div class="name">
              数据统计
            </div>
            <div class="code-name">.iconshujutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxitongyunwei"></span>
            <div class="name">
              系统运维
            </div>
            <div class="code-name">.iconxitongyunwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenheguanli"></span>
            <div class="name">
              审核管理
            </div>
            <div class="code-name">.iconshenheguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrenyuanguanli"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.iconrenyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyujingzhongxin"></span>
            <div class="name">
              预警中心
            </div>
            <div class="code-name">.iconyujingzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqiyeshezhi"></span>
            <div class="name">
              企业设置
            </div>
            <div class="code-name">.iconqiyeshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqiyekaoqin"></span>
            <div class="name">
              企业考勤
            </div>
            <div class="code-name">.iconqiyekaoqin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongzidaifa"></span>
            <div class="name">
              工资代发
            </div>
            <div class="code-name">.icongongzidaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqiyeyuangong"></span>
            <div class="name">
              企业员工
            </div>
            <div class="code-name">.iconqiyeyuangong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconshouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcuowu"></span>
            <div class="name">
              错误
            </div>
            <div class="code-name">.iconcuowu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhui2"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhui2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icondingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxuanzebumen"></span>
            <div class="name">
              选择部门
            </div>
            <div class="code-name">.iconxuanzebumen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshibai1"></span>
            <div class="name">
              失败
            </div>
            <div class="code-name">.iconshibai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfapiao"></span>
            <div class="name">
              交易凭证
            </div>
            <div class="code-name">.iconfapiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinbi"></span>
            <div class="name">
              支付总金额
            </div>
            <div class="code-name">.iconjinbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenti"></span>
            <div class="name">
              常见问题
            </div>
            <div class="code-name">.iconwenti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyuandian"></span>
            <div class="name">
              圆点
            </div>
            <div class="code-name">.iconyuandian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondengdai"></span>
            <div class="name">
              等待
            </div>
            <div class="code-name">.icondengdai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyiqueren-copy"></span>
            <div class="name">
              已确认
            </div>
            <div class="code-name">.iconyiqueren-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyiqueren"></span>
            <div class="name">
              已确认
            </div>
            <div class="code-name">.iconyiqueren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icontishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlizhi"></span>
            <div class="name">
              离职
            </div>
            <div class="code-name">.iconlizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.iconbianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchulizhong"></span>
            <div class="name">
              处理中
            </div>
            <div class="code-name">.iconchulizhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsuohui"></span>
            <div class="name">
              缩回
            </div>
            <div class="code-name">.iconsuohui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontiaozheng"></span>
            <div class="name">
              调整
            </div>
            <div class="code-name">.icontiaozheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchazhao1"></span>
            <div class="name">
              查找
            </div>
            <div class="code-name">.iconchazhao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icontianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icondaochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondengdaiyujingjieguo"></span>
            <div class="name">
              等待预警结果
            </div>
            <div class="code-name">.icondengdaiyujingjieguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjiachulihuizhi"></span>
            <div class="name">
              添加处理回执
            </div>
            <div class="code-name">.icontianjiachulihuizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzaixianshengchenggongzibiao"></span>
            <div class="name">
              在线生成工资表
            </div>
            <div class="code-name">.iconzaixianshengchenggongzibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaorugongzibiao"></span>
            <div class="name">
              导入工资表
            </div>
            <div class="code-name">.icondaorugongzibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfafanggongzi"></span>
            <div class="name">
              发放工资
            </div>
            <div class="code-name">.iconfafanggongzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchuliyujing"></span>
            <div class="name">
              处理预警
            </div>
            <div class="code-name">.iconchuliyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianjigongzibiao"></span>
            <div class="name">
              编辑工资表
            </div>
            <div class="code-name">.iconbianjigongzibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.iconmima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghao"></span>
            <div class="name">
              账号
            </div>
            <div class="code-name">.iconzhanghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwancheng"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.iconwancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjingshi"></span>
            <div class="name">
              警示
            </div>
            <div class="code-name">.iconjingshi
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxitonggengxinrizhi"></use>
                </svg>
                <div class="name">系统更新日志</div>
                <div class="code-name">#iconxitonggengxinrizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshujutongbu"></use>
                </svg>
                <div class="name">数据同步</div>
                <div class="code-name">#iconshujutongbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenqingjiaru"></use>
                </svg>
                <div class="name">申请加入</div>
                <div class="code-name">#iconshenqingjiaru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-addFont"></use>
                </svg>
                <div class="name">添加（文字按钮）</div>
                <div class="code-name">#icon-addFont</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-deleteFont"></use>
                </svg>
                <div class="name">删除（文字按钮）</div>
                <div class="code-name">#icon-deleteFont</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongrenmingce"></use>
                </svg>
                <div class="name">工人名册</div>
                <div class="code-name">#icongongrenmingce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongrenkaoqin"></use>
                </svg>
                <div class="name">工人考勤</div>
                <div class="code-name">#icongongrenkaoqin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongshangbaoxian1"></use>
                </svg>
                <div class="name">工伤保险</div>
                <div class="code-name">#icongongshangbaoxian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongzidaifa1"></use>
                </svg>
                <div class="name">工资代发</div>
                <div class="code-name">#icongongzidaifa1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjingyin"></use>
                </svg>
                <div class="name">静音</div>
                <div class="code-name">#iconjingyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcancelMute-quxiaojingyin"></use>
                </svg>
                <div class="name">cancelMute - 取消静音</div>
                <div class="code-name">#iconcancelMute-quxiaojingyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmic-off-full"></use>
                </svg>
                <div class="name">麦克风,静音</div>
                <div class="code-name">#iconmic-off-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmic-on-full"></use>
                </svg>
                <div class="name">麦克风,录音</div>
                <div class="code-name">#iconmic-on-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconren"></use>
                </svg>
                <div class="name">人</div>
                <div class="code-name">#iconren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconShapecopy"></use>
                </svg>
                <div class="name">下载-网页</div>
                <div class="code-name">#iconShapecopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcebianlan-zhankai"></use>
                </svg>
                <div class="name">侧边栏-展开</div>
                <div class="code-name">#iconcebianlan-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcebianlan-shouqi"></use>
                </svg>
                <div class="name">侧边栏-收起</div>
                <div class="code-name">#iconcebianlan-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangzuoyidong"></use>
                </svg>
                <div class="name">向左移动</div>
                <div class="code-name">#iconxiangzuoyidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangyouyidong"></use>
                </svg>
                <div class="name">向右移动</div>
                <div class="code-name">#iconxiangyouyidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshujudaping"></use>
                </svg>
                <div class="name">数据大屏</div>
                <div class="code-name">#iconshujudaping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongexinghuashezhi"></use>
                </svg>
                <div class="name">个性化设置</div>
                <div class="code-name">#icongexinghuashezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icontuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmima1"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#iconmima1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmibaoshoujihao"></use>
                </svg>
                <div class="name">密保手机号</div>
                <div class="code-name">#iconmibaoshoujihao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiazaiAPP"></use>
                </svg>
                <div class="name">下载APP</div>
                <div class="code-name">#iconxiazaiAPP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontouxiang-jiekou"></use>
                </svg>
                <div class="name">头像-接口</div>
                <div class="code-name">#icontouxiang-jiekou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconorg-full"></use>
                </svg>
                <div class="name">站点地图,分级,组织,层级</div>
                <div class="code-name">#iconorg-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconIcon1Finished"></use>
                </svg>
                <div class="name">流程步骤-完成</div>
                <div class="code-name">#iconIcon1Finished</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanbiquanping"></use>
                </svg>
                <div class="name">关闭全屏</div>
                <div class="code-name">#iconguanbiquanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconluxiang-tianchong"></use>
                </svg>
                <div class="name">录像</div>
                <div class="code-name">#iconluxiang-tianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondianhua"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icondianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangji"></use>
                </svg>
                <div class="name">相机</div>
                <div class="code-name">#iconxiangji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#iconliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondengdai1"></use>
                </svg>
                <div class="name">等待</div>
                <div class="code-name">#icondengdai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontouxiang-jiansheyezhu"></use>
                </svg>
                <div class="name">头像-建设业主</div>
                <div class="code-name">#icontouxiang-jiansheyezhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontouxiang-zongchengbao"></use>
                </svg>
                <div class="name">头像-总承包</div>
                <div class="code-name">#icontouxiang-zongchengbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopy"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#iconcopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyongrenxiangmu"></use>
                </svg>
                <div class="name">用人项目</div>
                <div class="code-name">#iconyongrenxiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpingfendengji"></use>
                </svg>
                <div class="name">评分等级</div>
                <div class="code-name">#iconpingfendengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuabanfuben"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#iconhuabanfuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#iconxiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontigongfapiao"></use>
                </svg>
                <div class="name">提供发票</div>
                <div class="code-name">#icontigongfapiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongzidaifarenci"></use>
                </svg>
                <div class="name">工资代发人次</div>
                <div class="code-name">#icongongzidaifarenci</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconanyuedaifa"></use>
                </svg>
                <div class="name">按月代发</div>
                <div class="code-name">#iconanyuedaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongzifafang"></use>
                </svg>
                <div class="name">工资发放</div>
                <div class="code-name">#icongongzifafang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon_mingong"></use>
                </svg>
                <div class="name">icon_民工</div>
                <div class="code-name">#iconicon_mingong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouye1"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconshouye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#iconwenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaping-quanping"></use>
                </svg>
                <div class="name">大屏-全屏</div>
                <div class="code-name">#icondaping-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaping-suoxiao"></use>
                </svg>
                <div class="name">大屏-缩小</div>
                <div class="code-name">#icondaping-suoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaping-dongtaijianguan"></use>
                </svg>
                <div class="name">大屏-动态监管</div>
                <div class="code-name">#icondaping-dongtaijianguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaping-shujugailan"></use>
                </svg>
                <div class="name">大屏-数据概览</div>
                <div class="code-name">#icondaping-shujugailan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaping-fengxianyujing"></use>
                </svg>
                <div class="name">大屏-风险预警</div>
                <div class="code-name">#icondaping-fengxianyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontouxiang-jiancha"></use>
                </svg>
                <div class="name">头像-监察</div>
                <div class="code-name">#icontouxiang-jiancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontouxiang-qiye"></use>
                </svg>
                <div class="name">头像-企业</div>
                <div class="code-name">#icontouxiang-qiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontouxiang-yinhang"></use>
                </svg>
                <div class="name">头像-银行</div>
                <div class="code-name">#icontouxiang-yinhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaiming"></use>
                </svg>
                <div class="name">排名</div>
                <div class="code-name">#iconpaiming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenbaodanwei"></use>
                </svg>
                <div class="name">分包单位</div>
                <div class="code-name">#iconfenbaodanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshigongdanwei"></use>
                </svg>
                <div class="name">施工单位</div>
                <div class="code-name">#iconshigongdanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjianshedanwei"></use>
                </svg>
                <div class="name">建设单位</div>
                <div class="code-name">#iconjianshedanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontishi1"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icontishi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icondaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchehui"></use>
                </svg>
                <div class="name">撤回</div>
                <div class="code-name">#iconchehui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyuandian1"></use>
                </svg>
                <div class="name">圆点</div>
                <div class="code-name">#iconyuandian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhongyaotongzhi-wu"></use>
                </svg>
                <div class="name">重要通知-无</div>
                <div class="code-name">#iconzhongyaotongzhi-wu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhongyaotongzhi-you"></use>
                </svg>
                <div class="name">重要通知-有</div>
                <div class="code-name">#iconzhongyaotongzhi-you</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhongyaotongzhi-zhankai"></use>
                </svg>
                <div class="name">重要通知-展开</div>
                <div class="code-name">#iconzhongyaotongzhi-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhongyaotongzhi-shouqi"></use>
                </svg>
                <div class="name">重要通知-收起</div>
                <div class="code-name">#iconzhongyaotongzhi-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontouxiang-xiangmu"></use>
                </svg>
                <div class="name">头像-项目</div>
                <div class="code-name">#icontouxiang-xiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhengwuzhushou"></use>
                </svg>
                <div class="name">政务助手</div>
                <div class="code-name">#iconzhengwuzhushou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwangdianguanli"></use>
                </svg>
                <div class="name">网点管理</div>
                <div class="code-name">#iconwangdianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanhuchaxun"></use>
                </svg>
                <div class="name">专户查询</div>
                <div class="code-name">#iconzhuanhuchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyinhangduan"></use>
                </svg>
                <div class="name">银行端</div>
                <div class="code-name">#iconyinhangduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqiyeduan"></use>
                </svg>
                <div class="name">企业端</div>
                <div class="code-name">#iconqiyeduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangmuduan"></use>
                </svg>
                <div class="name">项目端</div>
                <div class="code-name">#iconxiangmuduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjiarenyuan"></use>
                </svg>
                <div class="name">添加人员</div>
                <div class="code-name">#icontianjiarenyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangmushezhi"></use>
                </svg>
                <div class="name">项目设置</div>
                <div class="code-name">#iconxiangmushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbangzhuzhongxin"></use>
                </svg>
                <div class="name">帮助中心</div>
                <div class="code-name">#iconbangzhuzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-test"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#iconicon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-test1"></use>
                </svg>
                <div class="name">2</div>
                <div class="code-name">#iconicon-test1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-test2"></use>
                </svg>
                <div class="name">3</div>
                <div class="code-name">#iconicon-test2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduchaduban"></use>
                </svg>
                <div class="name">督查督办</div>
                <div class="code-name">#iconduchaduban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisanfangpinggu"></use>
                </svg>
                <div class="name">第三方评估</div>
                <div class="code-name">#icondisanfangpinggu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshujupingtai"></use>
                </svg>
                <div class="name">数据平台</div>
                <div class="code-name">#iconshujupingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangmupingji"></use>
                </svg>
                <div class="name">项目评级</div>
                <div class="code-name">#iconxiangmupingji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiandangxiangmu"></use>
                </svg>
                <div class="name">建档项目</div>
                <div class="code-name">#iconjiandangxiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshujujieru"></use>
                </svg>
                <div class="name">数据接入</div>
                <div class="code-name">#iconshujujieru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinyonggongshi"></use>
                </svg>
                <div class="name">信用公示</div>
                <div class="code-name">#iconxinyonggongshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontousugongshi"></use>
                </svg>
                <div class="name">投诉公示</div>
                <div class="code-name">#icontousugongshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjianguanbumen"></use>
                </svg>
                <div class="name">监管部门</div>
                <div class="code-name">#iconjianguanbumen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjianshelingyu"></use>
                </svg>
                <div class="name">建设领域</div>
                <div class="code-name">#iconjianshelingyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfeijianlingyu1"></use>
                </svg>
                <div class="name">非建领域</div>
                <div class="code-name">#iconfeijianlingyu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangmujiandang"></use>
                </svg>
                <div class="name">项目建档</div>
                <div class="code-name">#iconxiangmujiandang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjianzhulingyu"></use>
                </svg>
                <div class="name">建筑领域</div>
                <div class="code-name">#iconjianzhulingyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfeijianlingyu"></use>
                </svg>
                <div class="name">非建领域</div>
                <div class="code-name">#iconfeijianlingyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlaodongbaozhang"></use>
                </svg>
                <div class="name">劳动保障</div>
                <div class="code-name">#iconlaodongbaozhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongengduo"></use>
                </svg>
                <div class="name">gengduo</div>
                <div class="code-name">#icongengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwanggeguanli"></use>
                </svg>
                <div class="name">网格管理</div>
                <div class="code-name">#iconwanggeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhengwukaohe"></use>
                </svg>
                <div class="name">政务考核</div>
                <div class="code-name">#iconzhengwukaohe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweiquanjiufen"></use>
                </svg>
                <div class="name">维权纠纷</div>
                <div class="code-name">#iconweiquanjiufen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontongzhizhongxin"></use>
                </svg>
                <div class="name">通知中心</div>
                <div class="code-name">#icontongzhizhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongshangbaoxian"></use>
                </svg>
                <div class="name">工伤保险</div>
                <div class="code-name">#icongongshangbaoxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkaoqinguanli"></use>
                </svg>
                <div class="name">考勤管理</div>
                <div class="code-name">#iconkaoqinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbaozhengjinguanli"></use>
                </svg>
                <div class="name">保证金管理</div>
                <div class="code-name">#iconbaozhengjinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangmuguanli"></use>
                </svg>
                <div class="name">项目管理</div>
                <div class="code-name">#iconxiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhongdaweifashijian"></use>
                </svg>
                <div class="name">重大违法事件</div>
                <div class="code-name">#iconzhongdaweifashijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanhuguanli"></use>
                </svg>
                <div class="name">专户管理</div>
                <div class="code-name">#iconzhuanhuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshimingzhi"></use>
                </svg>
                <div class="name">实名制</div>
                <div class="code-name">#iconshimingzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyingyongshichang"></use>
                </svg>
                <div class="name">应用市场</div>
                <div class="code-name">#iconyingyongshichang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuoming"></use>
                </svg>
                <div class="name">说明</div>
                <div class="code-name">#iconshuoming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianzu"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#iconbianzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondongtaijianguan"></use>
                </svg>
                <div class="name">动态监管</div>
                <div class="code-name">#icondongtaijianguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxitongshezhi"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#iconxitongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinyongjianguan"></use>
                </svg>
                <div class="name">信用监管</div>
                <div class="code-name">#iconxinyongjianguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongchengxiangmu"></use>
                </svg>
                <div class="name">工程项目</div>
                <div class="code-name">#icongongchengxiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangmupingjia"></use>
                </svg>
                <div class="name">项目评价</div>
                <div class="code-name">#iconxiangmupingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyou1"></use>
                </svg>
                <div class="name">右</div>
                <div class="code-name">#iconyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#iconzhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouqi"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#iconshouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengming"></use>
                </svg>
                <div class="name">声明</div>
                <div class="code-name">#iconshengming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongnengjieshao"></use>
                </svg>
                <div class="name">功能介绍</div>
                <div class="code-name">#icongongnengjieshao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenqingtiaojian"></use>
                </svg>
                <div class="name">申请条件</div>
                <div class="code-name">#iconshenqingtiaojian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhui1"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyou"></use>
                </svg>
                <div class="name">右</div>
                <div class="code-name">#iconyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuo"></use>
                </svg>
                <div class="name">左</div>
                <div class="code-name">#iconzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjian"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#iconjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjia1"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icontianjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiala"></use>
                </svg>
                <div class="name">下拉</div>
                <div class="code-name">#iconxiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangchuan"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#iconshangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfujian"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#iconfujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyincang"></use>
                </svg>
                <div class="name">yincang</div>
                <div class="code-name">#iconyincang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxianshi"></use>
                </svg>
                <div class="name">xianshi</div>
                <div class="code-name">#iconxianshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhizuogongzibiao"></use>
                </svg>
                <div class="name">制作工资表</div>
                <div class="code-name">#iconzhizuogongzibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanhuyujing1"></use>
                </svg>
                <div class="name">专户预警</div>
                <div class="code-name">#iconzhuanhuyujing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshiyongtonggongyujing"></use>
                </svg>
                <div class="name">使用童工预警</div>
                <div class="code-name">#iconshiyongtonggongyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongzituoqianyujing1"></use>
                </svg>
                <div class="name">工资拖欠预警</div>
                <div class="code-name">#icongongzituoqianyujing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondengdaijieguo"></use>
                </svg>
                <div class="name">等待结果</div>
                <div class="code-name">#icondengdaijieguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangchuanfujian"></use>
                </svg>
                <div class="name">上传附件</div>
                <div class="code-name">#iconshangchuanfujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchuliyujing1"></use>
                </svg>
                <div class="name">处理预警</div>
                <div class="code-name">#iconchuliyujing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqiyeguanli"></use>
                </svg>
                <div class="name">企业管理</div>
                <div class="code-name">#iconqiyeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghaoguanli"></use>
                </svg>
                <div class="name">账号管理</div>
                <div class="code-name">#iconzhanghaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhengcetongbao"></use>
                </svg>
                <div class="name">政策通报</div>
                <div class="code-name">#iconzhengcetongbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshujutongji"></use>
                </svg>
                <div class="name">数据统计</div>
                <div class="code-name">#iconshujutongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxitongyunwei"></use>
                </svg>
                <div class="name">系统运维</div>
                <div class="code-name">#iconxitongyunwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenheguanli"></use>
                </svg>
                <div class="name">审核管理</div>
                <div class="code-name">#iconshenheguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrenyuanguanli"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#iconrenyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyujingzhongxin"></use>
                </svg>
                <div class="name">预警中心</div>
                <div class="code-name">#iconyujingzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqiyeshezhi"></use>
                </svg>
                <div class="name">企业设置</div>
                <div class="code-name">#iconqiyeshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqiyekaoqin"></use>
                </svg>
                <div class="name">企业考勤</div>
                <div class="code-name">#iconqiyekaoqin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongzidaifa"></use>
                </svg>
                <div class="name">工资代发</div>
                <div class="code-name">#icongongzidaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqiyeyuangong"></use>
                </svg>
                <div class="name">企业员工</div>
                <div class="code-name">#iconqiyeyuangong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconshouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcuowu"></use>
                </svg>
                <div class="name">错误</div>
                <div class="code-name">#iconcuowu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhui2"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhui2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icondingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxuanzebumen"></use>
                </svg>
                <div class="name">选择部门</div>
                <div class="code-name">#iconxuanzebumen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshibai1"></use>
                </svg>
                <div class="name">失败</div>
                <div class="code-name">#iconshibai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfapiao"></use>
                </svg>
                <div class="name">交易凭证</div>
                <div class="code-name">#iconfapiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinbi"></use>
                </svg>
                <div class="name">支付总金额</div>
                <div class="code-name">#iconjinbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenti"></use>
                </svg>
                <div class="name">常见问题</div>
                <div class="code-name">#iconwenti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyuandian"></use>
                </svg>
                <div class="name">圆点</div>
                <div class="code-name">#iconyuandian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondengdai"></use>
                </svg>
                <div class="name">等待</div>
                <div class="code-name">#icondengdai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyiqueren-copy"></use>
                </svg>
                <div class="name">已确认</div>
                <div class="code-name">#iconyiqueren-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyiqueren"></use>
                </svg>
                <div class="name">已确认</div>
                <div class="code-name">#iconyiqueren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icontishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlizhi"></use>
                </svg>
                <div class="name">离职</div>
                <div class="code-name">#iconlizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#iconbianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchulizhong"></use>
                </svg>
                <div class="name">处理中</div>
                <div class="code-name">#iconchulizhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsuohui"></use>
                </svg>
                <div class="name">缩回</div>
                <div class="code-name">#iconsuohui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontiaozheng"></use>
                </svg>
                <div class="name">调整</div>
                <div class="code-name">#icontiaozheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchazhao1"></use>
                </svg>
                <div class="name">查找</div>
                <div class="code-name">#iconchazhao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icontianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icondaochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondengdaiyujingjieguo"></use>
                </svg>
                <div class="name">等待预警结果</div>
                <div class="code-name">#icondengdaiyujingjieguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjiachulihuizhi"></use>
                </svg>
                <div class="name">添加处理回执</div>
                <div class="code-name">#icontianjiachulihuizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzaixianshengchenggongzibiao"></use>
                </svg>
                <div class="name">在线生成工资表</div>
                <div class="code-name">#iconzaixianshengchenggongzibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaorugongzibiao"></use>
                </svg>
                <div class="name">导入工资表</div>
                <div class="code-name">#icondaorugongzibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfafanggongzi"></use>
                </svg>
                <div class="name">发放工资</div>
                <div class="code-name">#iconfafanggongzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchuliyujing"></use>
                </svg>
                <div class="name">处理预警</div>
                <div class="code-name">#iconchuliyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianjigongzibiao"></use>
                </svg>
                <div class="name">编辑工资表</div>
                <div class="code-name">#iconbianjigongzibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#iconmima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghao"></use>
                </svg>
                <div class="name">账号</div>
                <div class="code-name">#iconzhanghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwancheng"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#iconwancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjingshi"></use>
                </svg>
                <div class="name">警示</div>
                <div class="code-name">#iconjingshi</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
